* {
    margin: 0;
    padding: 0;
}
html,body {
    height: 100%;
    overflow: hidden;
}
.bg {
    width: 320px;
    height: 480px;
    margin: 20px auto;
    background-image: url("../assets/img/game_bg.jpg");
    position: relative;
}
/* 得分 */
.count {
    font-size: 24px;
    color: white;
    position: absolute;
    top: 8px;
    left: 64px;
}
/* 时间进度条 */
.time {
    width: 180px;
    height: 16px;
    background: orangered;
    border-radius: 25px;
    position: absolute;
    top: 66px;
    left: 63px;
}
/* 暂停按钮 */
.pause {
    width: 65px;
    height: 55px;
    background: url("../assets/img/button2.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 96px;
    left: 2px;
    display: none;
    cursor: pointer;
}
/* 结束语 */
.end {
    width: 250px;
    font-size: 30px;
    color: darkred;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}
/* 重新开始 */
.restart,.start {
    width: 100px;
    height: 100px;
    background: url("../assets/img/bg.jpg") no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 100px;
    font-size: 24px;
    color: orange;
    position: absolute;
    top: 280px;
    /* 不知道父标签的宽度的情况下 */
    left: calc(50% - 50px);
    cursor: pointer;
}
.restart {
    display: none;
}
.wolfItem {
    position: absolute;
    top: 115px;
    left: 96px;
}